<template>
  <div>
    <van-card
      v-for='(item,index) in productList' :key='index'
      :num=item.browse
      :origin-price=item.otPrice
      :price=item.price
      :desc=item.storeInfo
      :title=item.keyword
      :thumb='imgUrls + item.image'
    >
      <template #footer>
        <van-button size='mini'>立即兑换</van-button>
      </template>
    </van-card>
  </div>
</template>
<script>
import { getIntegral } from '@/api/product.js'

export default {
  data() {
    return {
      productList: [],
      imgUrls: this.$baseApi
    }
  },
  created() {
    this.Integral()
  },
  methods: {
    Integral() {
      getIntegral().then(res => {
        this.productList = res.data
      })
    }
  }
}
</script>
<style>

</style>
